<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<link href="css/iress.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.11.0.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
	<div class="iress_main">
		<div class="iress_top">
			<div class="iress_top_left">
				<img class="logo" src="img/iress/logo.png" />
				<div class='logo_txt'>在架设备扫描系统</div>
			</div>
			<div class="iress_top_middle"></div>
			<div class="iress_top_right">
				<a href="http://www.baidu.com"><img class="logout"
					src="img/iress/logout.png" /></a>
			</div>
		</div>
		<div id="iress_middle">
			<ul id="myTab" class="nav nav-tabs">
				<li class="active">
					<a href="#home" data-toggle="tab">属性状态管理</a>
				</li>
				<li>
					<a href="#tab2" data-toggle="tab">状态日志管理</a>
				</li>
				<li>
					<a href="#tab3" data-toggle="tab">状态触发事件</a>
				</li>
			</ul>
			<div id="myTabContent" class="tab-content">
				<div class="tab-pane fade in active" id="home"  style="height:600px">
					<div class="col-md-1" >
					<ul class="nav nav-pills nav-stacked ">
						<li><a href="#">表单录入</a></li>
						<li><a href="#">状态管理</a></li>
					</ul>
					</div >
					<div class="col-md-11" >
					<h1> </h1>
					<form class="form-inline" role="form">
						<div class="form-group">
							<label class="sr-only" for="keyword">关键字</label>
							<input type="text" class="form-control" id="keyword" placeholder="请输入关键字"  style="width:320px">
						</div>
						<button type="button" class="btn btn-default " style="margin-left:40px" onclick="searchkeyword()">查询</button>
						<button type="button" class="btn btn-default" style="margin-left:15px">导出</button>
					</form>
					<h1> </h1>
					<div style="height:400px">
					<table class="table table-condensed table-hover table-striped" style="color:#fff ; width:85%">
						<thead>
							<tr class="tr">
								<th >ID</th>
								<th class="">机柜名称</th>
								<th class="">机柜位置</th>
								<th class="">出厂日期</th>
								<th class="">设备型号</th>
								<th class="">厂商</th>
								<th class="">发卡人</th>
								<th class="">状态更新时间</th>
							</tr>
						</thead>
						<tbody class="main">
						</tbody>
					</table>
					</div>
					<ul class="pager" style="width:85%">
   						<li><a href="#" onclick="lastPage()" style="color:#000">&larr; 上一页</a></li>
   						<li><span><span id="currentPage"></span><span> /</span><span id="tatalPage"></span></span></li>
    					<li><a href="#" onclick="nextPage()" style="color:#000">下一页  &rarr;</a></li>
					</ul>
					</div>
				</div>
				<div class="tab-pane fade" id="tab2" style="height:600px">
					<h1> </h1>
					<form class="form-inline" role="form">
						<div class="form-group">
							<label for="">日志类型：</label>
							<select class="form-control">
								<option>全部</option>
								<option>状态切换信息</option>
							</select>
						</div>
						<div class="form-group">
							<label for="name">用户名：</label>
							<input type="text" class="form-control" id="name">
						</div >
						
					</form>
				</div>
				<div class="tab-pane fade" id="tab3">
					状态触发管理
				</div>
			
			</div>
		</div>
		<div class="iress_bottom col-md-12 column">
			<div class="iress_bottom_line">
				<hr align="center" width="50%" />
			</div>
			<div class="iress_bottom_web">
				<a href="http://www.ettech.com.cn/" target="_blank">关于易通</a> <a>
					| </a> <a href="http://www.baidu.com/" target="_blank">百度一下</a> <a>
					| </a> <a href="http://www.bjgaj.gov.cn/web/" target="_blank">遇到盗版</a>
				<a> | </a> <a href="http://www.ettech.com.cn/about-us.html#lxwm"
					target="_blank">联系我们</a>
			</div>
			<div class="iress_bottom_rights">Copyright © 2017 Iress All
				Rights Reserved. Iress 版权所有.</div>

		</div>
	</div>
<script type="text/javascript">
window.onload=function(){
	onload2();
}
</script>
<script src="js/page.js"></script>
</body>
</html>